body{min-width: 1230px!important;}
.container{max-width: 1400px!important;width: 100%;}
.p-s{position: sticky;top: 9px;z-index: 9;}
.pages{padding-left: 0px;padding-right: 0px;}

.text-blue{color: #0061ae;}
.bg-blue{background-color: #0061ae;}

.nav-item{position: relative;}
.subnav{position: absolute;z-index: 9;width: 100%;max-height: 560px;overflow-y: auto;display: none;}
.nav-item:hover .subnav{display: block;}

.pronav1{background: #f5f5f5; border-radius:29px 0 29px 0;}
.pronav1:hover{background: linear-gradient(45deg,#826be5,#7e9bf5);color: #fff;}
.pronav2{background: #eeeeee;}
.pronav2-on{background: linear-gradient(45deg,#826be5,#7e9bf5);color: #fff;}
.pronav2-on1{background: linear-gradient(135deg,#826be5,#7e9bf5);color: #fff;}


.product{background: url(../images/products_bg.jpg) bottom center no-repeat;background-size: cover;}
.rec-pro p{overflow: hidden;}
.rec-pro img{transition: all .3s;}
.rec-pro:hover img{transform: scale(1.2);}

.company{background: url(../images/about_bg.png) top center no-repeat; background-size: cover;}
.advan{background: url(../images/advan_bg.png) top center no-repeat; background-size: cover;}
.advan .zx{background: #0061ae; display: block;width: 158px;height: 48px;padding: 5px;margin: 0 auto;}
.advan .zx span{display: block;margin: 0 auto;text-align: center;line-height: 38px;color: #ffffff;border: 1px solid #f5f5f5;width: 144px;height: 38px;}

.cb{background: url(../images/cb.png) center center no-repeat;background-size: cover;}

.case{background: url(../images/cases_bg.png) bottom center no-repeat;background-size: cover;}
.case-a{position: relative;font-size: 0;display: block;}
.case-g{position: absolute;width: 100%;height: 100%;background:#0061ae;z-index: 2;left: 0;top: 0;opacity: 0;transition: all .3s;}
.case-g1{position: absolute;width: 60%;height: 60%;border: 1px solid #ccc;z-index: 3;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: transparent;opacity: 0; transition: all .3s;}
.case-title{position: absolute;z-index: 3;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s;display: block;width: 200px;height: 30px;text-align: center;line-height: 30px;}
.case-a:hover .case-g1{width: 85%;height: 85%;opacity: 1;}
.case-a:hover .case-g{opacity: .8;}
.case-a:hover .case-title{opacity: 1;}

.pics-a{position: relative;font-size: 0;display: block;overflow: hidden;}
.pics-g{position: absolute;width: 100%;height: 100%;background:#0061ae;z-index: 2;left: 0;top: 0;opacity: 0;transition: all .3s;}
.pics-g1{position: absolute;z-index: 3;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s;display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.pics-a img{transition: all .3s;}
.pics-a:hover .pics-g{opacity: .8;}
.pics-a:hover img{transform: scale(1.2);}
.pics-a:hover .pics-g1{opacity: 1;}

.news{background: url(../images/news_bg.png) bottom center no-repeat;background-size: cover;}
.news-list-img{display: flex; align-items: flex-start;justify-content: space-between;height: 204px;overflow: hidden;}
.news-list1{position: relative;}
.news-list1 .date{width: 66px;height: 66px;background: #0061ae;color: #ffffff;top: 13px;left: 33px;position: absolute;}

.bottom{background: #0e72d9;}
.footer{background: #0d3065;}
.code,.code img{height: 128px!important;}

.leftnav{background: url(../images/leftnav.jpg) top center;background-size: cover;}
.l-subnav{width: 800px;position: absolute;left: 216px;top: 0;border: 1px solid #ccc;box-shadow: 2px 2px 2px #ccc;display: none;z-index: 2;}
/* .l-subnav .row{width: 828px;} */
.l-nav-li:hover .l-subnav{display: block;}

.index-active{background: linear-gradient(45deg,#826be5,#7e9bf5);color: #fff;}
.index-active a{color: #fff;}


.p-lists p{padding: 7px 0px;}

.r-img{position: absolute;top: -365px;right: -365px;animation: rotateImg 45s linear infinite;z-index: -1;}
@keyframes rotateImg {
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}

.con-main .content{display: none;}

.n-date{width: 120px;height: 120px;text-align: center;}
.n-img{width: 210px;height: 120px;}
.n-content{width: 800px;}